<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>奥铃勒芒赛</title>
    <link rel="stylesheet" href="__INDEX__/mobile/hd/2019/lm/css/set.css">
    <link rel="stylesheet" href="__INDEX__/mobile/hd/2019/lm/css/swiper.min.css">
    <script src="__INDEX__/mobile/hd/2019/lm/js/jquery.min.js"></script>
    <script src="__INDEX__/mobile/hd/2019/lm/js/swiper.min.js"></script>
    <link rel="stylesheet" href="__INDEX__/mobile/hd/2019/lm/css/lm_xs.css">


    <link rel="stylesheet" href="__INDEX__/mobile/hd/2019/lm/css/base.css"> <!--初始化文件-->
    <link rel="stylesheet" href="__INDEX__/mobile/hd/2019/lm/css/menu.css"> <!--主样式-->
    
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?4b35b9696537f6518e4cdcdeeee51ff6";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

</head>

<body>
    <div class="warp">
        <div class="swiper-container swiper-container1 ">
            <div class="swiper-wrapper">
                <div class="swiper-slide banner">
                    <img src="__INDEX__/mobile/hd/2019/lm/img/banner.jpg" alt="">
                </div>
                <!-- <div class="swiper-slide banner">
                    <img src="__INDEX__/mobile/hd/2019/lm/img/banner.png" alt="">
                </div>
                <div class="swiper-slide banner">
                    <img src="__INDEX__/mobile/hd/2019/lm/img/banner.png" alt="">
                </div> -->
            </div>
            <div class="swiper-pagination"></div>
            <!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
        </div>

        <img src="__INDEX__/mobile/hd/2019/lm/img/sm.png" alt="" class="tu">
        <img src="__INDEX__/mobile/hd/2019/lm/img/sc.png" alt="" class="tu1">


        <!-- 赛事细则 -->
        <img src="__INDEX__/mobile/hd/2019/lm/img/sscz.png" alt="" class="tu3">



        <div class="tu4">
            <div id="menu">
                <!--隐藏菜单-->
                <!-- <div id="ensconce">
                            <h2>
                                <img src="images/show.png" alt="">
                                国内各地景点
                            </h2>
                        </div> -->

                <!--显示菜单-->
                <div id="open">
                    <!-- <div class="navH">
                                国内各地景点
                                <span><img class="obscure" src="images/obscure.png" alt=""></span>
                            </div> -->
                    <div class="navBox">
                        <ul>
                            <li>
                                <h2 class="obtain"><span class="dj1">线上勒芒赛——里程榜</span> <span class="dj" style="padding-right: 2rem; ">点击查看详细</span><span class="dj2" style="padding-right: 2rem;display: none;"  >收起</span> <i></i></h2>
                                <div class="secondary">
                                    <h3 style="">按30天/周期进行评比，每期比赛中，奥铃勒芒赛将根据本赛期参赛者行驶的总里程进行排名，赛期中将按里程行驶的高低进行排名，将以最高到低的方式，选取成绩最好的三人成为冠亚季军，成为里程之星，分别给予奖励！</h3>
                                    <!-- <h3>十三陵</h3>
                                            <h3>圆明园</h3>
                                            <h3>长城</h3>
                                            <h3>雍和宫</h3>
                                            <h3>天坛公园</h3> -->
                                </div>
                            </li>
                            <li>
                                <h2 class="obtain"><span class="dj1">线上勒芒赛——油耗榜</span> <span class="dj">点击查看详细</span><span class="dj2">收起</span><i></i></h2>
                                <div class="secondary">
                                    <h3 style="">按30天/周期进行评比，每期比赛中，奥铃勒芒赛将根据本赛期参赛者行驶的百公里油耗进行排名，赛期中将按百公里油耗的高低进行排名，将从最低到高的方式，选取成绩最好的三人成为冠亚季军，成为节油之星，分别给予奖励！</h3>
                                    
                                </div>
                            </li>
                            <li>
                                <h2 class="obtain"><span class="dj1">线上勒芒赛——人气榜</span> <span class="dj">点击查看详细</span><span class="dj2">收起</span><i></i></h2>
                                <div class="secondary">
                                    <h3 style="">按30天/周期进行评比，每期比赛中，奥铃勒芒赛将根据本赛期参赛者邀请朋友点赞自己的成绩多少进行排名，赛期中邀请更多的朋友为自己的成绩点赞，将以朋友点赞人数最多到少的方式，选取成绩最好的三人成为冠亚季军，成为人气之星，分别给予奖励！</h3>
                                   
                                </div>
                            </li>
                            <li>
                                <h2 class="obtain"><span class="dj1">线上勒芒赛——盈利榜</span> <span class="dj">点击查看详细</span><span class="dj2">收起</span><i></i></h2>
                                <div class="secondary">
                                    <h3 style="">按30天/周期进行评比，每期比赛中，奥铃勒芒赛将根据本赛期参赛者平均年盈利额进行排名，赛期中将年盈利额的高低进行排名，将以最高到低的方式，选取成绩最好的三人成为冠亚季军，成为盈利之星，分别给予奖励！</h3>
                                   
                                </div>
                            </li>
                            <li>
                                <h2 class="obtain"> <span class="dj1">附   加   赛——1v1成绩pk</span> <span class="dj">点击查看详细</span><span class="dj2">收起</span><i></i></h2>
                                <div class="secondary">
                                    <h3 style="">里程榜、油耗榜和人气榜将设置PK赛制，参赛者可向同榜单的任意参赛者发起挑战，赢取PK赛的胜利者，可获得相应奖品，PK冠军每月产生1名，共计3名优胜者。</h3>
                                 
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 报名参赛 -->
        <!-- <img src="__INDEX__/mobile/hd/2019/lm/img/bmcs.png" alt="" class="tu2" style="display:none;">
        <div class="sfq1" style="display:none;">
            <input type="text" placeholder="请输入您的姓名" id="in">
            <input type="text" placeholder="请输入您的电话" id="in1">
            <input type="text" placeholder="短信验证码" id="in2">
            <input type="text" placeholder="请输入您的车架号" id="in3">
            <div id="in4">发送验证码</div>
            <div class="btn">

            </div>
            <div class="btn1">

            </div>
        </div> -->

        <div class="btn">

        </div>
        <div class="btn1">

        </div>

        <!-- 赛事奖励 -->
        <img src="__INDEX__/mobile/hd/2019/lm/img/csjl.png" alt="" class="tu2">
        <img src="__INDEX__/mobile/hd/2019/lm/img/bg.png" alt="" class="sfq">
        <img src="__INDEX__/mobile/hd/2019/lm/img/cxtj.png" alt="" class="tu5">





        <!-- 车型推荐 -->
        <div class="swp">
            <div class="swiper-container swiper-container2 ">
                <div class="swiper-wrapper">
                    <div class="swiper-slide banner1">
                        <img src="__INDEX__/mobile/hd/2019/lm/img/t1.png" alt="">
                       <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1"> <div class="yysj"></div></a>
                    </div>
                    <div class="swiper-slide banner1">
                        <img src="__INDEX__/mobile/hd/2019/lm/img/t2.png" alt="">
                      <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1">  <div class="yysj"></div></a>
                    </div>
                    <div class="swiper-slide banner1">
                        <img src="__INDEX__/mobile/hd/2019/lm/img/t3.png" alt="">
                      <a href="http://aoling.douyar.cc/index/testdrive/index.html?id=1">  <div class="yysj"></div></a>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <!--分页器。如果放置在swiper-container外面，需要自定义样式。-->
            </div>
        </div>
        <div class="dibu">
            <img src="__INDEX__/mobile/hd/2019/lm/img/d11.png" alt="" class="tu9">
            <img src="__INDEX__/mobile/hd/2019/lm/img/d2.png" alt="" class="tu6">
            <img src="__INDEX__/mobile/hd/2019/lm/img/d3.png" alt="" class="tu7">
            <img src="__INDEX__/mobile/hd/2019/lm/img/d4.png" alt="" class="tu8">
        </div>
        <img src="__INDEX__/mobile/hd/2019/lm/img/fhdb.png" alt="" class="tu23">
        <a href="{:url('hd/lm_xs1')}"> <img src="__INDEX__/mobile/hd/2019/lm/img/bm.png" alt="" class="tu22"></a>
    </div>






    <script src="__INDEX__/mobile/hd/2019/lm/js/menu.js"></script> <!--控制js-->
    <script>
        $('.tu7').click(function () {
            $('.tu9').attr('src', '__INDEX__/mobile/hd/2019/lm/img/d33.png');
            window.location.href = '{:url('hd/lm_xs1')}'
        })
        $('.tu6').click(function () {
            $('.tu6').attr('src', '__INDEX__/mobile/hd/2019/lm/img/d22.png');
            window.location.href = '{:url('hd/lm')}'
        })
        $('.tu23').click(function () {
            $('html ,body').animate({
                scrollTop: 0
            }, 1000);
            return false;
        });
        $('.tu8').click(function () {
            $('.tu8').attr('src', '__INDEX__/mobile/hd/2019/lm/img/d44.png');
            window.location.href = '{:url('hd/index')}'
        })
        var mySwiper = new Swiper('.swiper-container1', {
            autoplay: true, //可选选项，自动滑动
            pagination: {
                el: '.swiper-pagination',
            },
        })
        var mySwiper = new Swiper('.swiper-container2', {
            slidesPerView: 2,
            // centeredSlides: true,
            // slidesPerView: 'auto',
        })
    </script>
    <script>
        var w = 375;
        var f = 16;
        var c = document.documentElement.clientWidth;
        console.log(c);
        var nf = c * f / w;
        document.documentElement.style.fontSize = nf + 'px';
    </script>
</body>
    
</html>